<template>
  <div id="app">
    <Header></Header>
    <div class="container">
      <div class="menu-box"><Menu></Menu></div>
      <div class="router-box"><router-view></router-view></div>
    </div>
  </div>
</template>
<script>
import Header from '@/components/Header'
import Menu from '@/components/Menu'
export default {
  name: 'App',
  components: {
    Header,
    Menu
  }
}
</script>
<style lang="less" scoped>
.container{
  // background-color: pink;
  height: 92vh;
  display: flex;
  overflow: hidden;
  .menu-box{
    height: 100%;
    width: 150px;
  }
  .router-box{
    flex: 1;
    overflow-y: auto;
  }
}
</style>
